<template>
    <div>
        <!-- <p>非常荣幸邀请您来体验金仓数据库管理系统KingbaseES（KES）。</p>
        <p>
            作为一款面向全行业、全客户关键应用的企业级大型通用数据库管理系统，金仓数据库以其高性能、高安全性和高可用性著称，适用于联机事务处理、查询密集型数据仓库以及要求苛刻的互联网应用。
        </p>
        KingbaseES V8是其第八个主要版本，提供了更加完善的功能和优化的用户体验。
        <p>
            这款数据库管理系统不仅简单易用，而且稳定可靠，能够满足您在各种复杂环境下的需求。我们相信，通过体验金仓数据库，您将能够更深入地了解其强大的功能和灵活的应用场景。
        </p>
        <h3>体验平台仿真环境</h3>
        <p>操作系统：CentOS Linux release 7.3.1611 (Core)</p>
        <p>金仓数据库实例：V009R001C001B0030</p>
        <div class="tips">
            <span>
                温馨提示：在线体验平台环境在docker环境运行，仅用于基本功能验证，<strong>不用于性能测试</strong>。若想进一步体验金仓数据库的性能，可进入<a
                    href="https://www.kingbase.com.cn/xzzx/index.htm"
                    >下载试用</a
                >下载相应版本进行本地部署。</span
            >
        </div>
        <p>期待您的参与，相信您会爱上这款卓越的数据库管理系统！</p> -->

        <component :is="docComp" />

        <div class="horizontal-line"></div>

        <p>体验平台兼容模式：</p>
        <el-radio-group :value="dbMode" @input="changeDbMode">
            <el-radio label="oracle">Oracle</el-radio>
            <el-radio label="pg">Pg</el-radio>
            <el-radio label="mysql">MySQL</el-radio>
            <el-radio label="sqlserver">SQL Server</el-radio>
        </el-radio-group>
    </div>
</template>
<script>
import { getWelcomeDocComp } from "@/docComp.js"
export default {
    name: "Welcome",
    data() {
        return {
            docComp: null
        };
    },
    async mounted(){
        this.docComp = await getWelcomeDocComp();
    },
    computed: {
        dbMode(){
           return this.$store.state.dbMode
        }
    },
    methods: {
        changeDbMode(val){
            this.$store.commit('changeDbMode', val)
        }
    }
};
</script>

<style scoped>
.tips {
    padding: 10px;
    line-height: 26px;
    background-color: rgb(255, 237, 229);
    border-left: 4px solid rgb(255, 77, 0);
    border-radius: 4px;
    color: #515151;
}

.horizontal-line {
  border-top: 1px solid #51515120;
  /* 设置顶部边框*/
  height: 0;
  /* 设置高度为0，使得div没有高度，只显示边框 */
}
</style>

